<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<div class="table-responsive">
    <table class="table table-bordered">
        <thead>
        <tr>
            <th class="text-center">
                <div>选择</div>
            </th>
            <th class="text-center" width="20%">录播名称</th>
            <th class="text-center" width="20%">录播播放码</th>
            <th class="text-center" width="10%">时长</th>
            <th class="text-center" width="13%">上传时间</th>
            <th class="text-center" width="12%">状态</th>
            <th class="text-center" width="13%">操作</th>
        </tr>
        </thead>
    </table>
    <div class="J_V_tabContent table-xScrollWrap">
        <table class="table table-bordered table-hover table-xs-content">
            <tbody id="tbodyMaterial">
            <tr class="jqgfirstrow" role="row">
                <th class="text-center">
                    <div>&nbsp;</div>
                </th>
                <th class="text-center" width="20%"></th>
                <th class="text-center" width="20%"></th>
                <th class="text-center" width="10%"></th>
                <th class="text-center" width="13%"></th>
                <th class="text-center" width="12%"></th>
                <th class="text-center" width="13%"></th>
            </tr>
            <tr th:if="${#lists.isEmpty(dataMap['list'])}">
                <td colspan="11" class="text-center">
                    <div class="noDataTipsBox">
                        <p><span class="c-4e fs16">亲，还没有数据~~~</span></p>
                    </div>
                </td>
            </tr>
            <tr th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="cloud : ${dataMap['list']}" th:attrappend="data-name=${cloud['name']},data-varchar=${cloud['id_varchar']}">
                <td class="text-center">
                    <input type="radio" class="i-checks" name="code" th:attrappend="data-name=${cloud['name']},data-duration=${cloud['video_duration']}" th:value="${cloud['id_varchar']}">
                </td>
                <td class="text-center" th:text="${cloud['name']}"></td>
                <td class="text-center" th:text="${cloud['id_varchar']}"></td>
                <td class="text-center" th:text="${cloud['duration']}"></td>
                <td class="text-center" th:text="${#strings.substring(cloud['createTime'],0,10)}"></td>
                <td class="text-center" th:text="${cloud['status']}"></td>
                <td class="text-center">
                    <a href="javascript:void(0);" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="预览"><i class="fa fa-eye"></i></a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <!-- 分页，开始 -->
    <div data-th-replace="layout/adminPage"></div>
    <!-- 分页，结束 -->
</div>
</html>